<template>
	<view class="mall-swiper" :class="{full:full}">
		<swiper class="swiper" :indicator-dots="indicatorDots" :autoplay="autoplay" :interval="interval" :circular="circular" :duration="duration">
		                        <swiper-item v-for="(img,index) in imgList" :key="index">
		                            <image class="swiper-item" :src="img"></image>
		                        </swiper-item>
		                    </swiper>
	</view>
</template>

<script>
	export default {
		props:{
			full:Boolean,
			imgList:Array
		},
		data() {
			return {
				indicatorDots: true,
				autoplay: true,
				interval: 2000,
				duration: 500,
				circular: true
			};
		}
	}
</script>

<style lang="stylus">
	.mall-swiper
		padding 0 20rpx
		height 320rpx
		.swiper
			overflow hidden
			border-radius 20rpx
			transform: translateY(0);
			position relative
			height 100%
			.swiper-item
				width 100%
				height 100%
		&.full
			padding 0
			.swiper
				border-radius 0
			
</style>
